:root{--bg:#f7f7f5;--ink:#111111;--muted:#5c5c5c;--line:#e2e2de;--accent:#d8f07a;--accent-ink:#2a3a14;--panel:#eceee6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.7 'DM Sans',sans-serif;overflow-x:clip}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.14;letter-spacing:-.02em;word-spacing:.04em;overflow-wrap:break-word;word-break:normal;hyphens:none}h1{font-size:clamp(40px,5.2vw,68px);font-weight:700}h2{font-size:clamp(28px,3.4vw,44px);font-weight:600}h3{font-size:24px;font-weight:600}h4{margin-block:20px 8px;font-size:14px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,summary{cursor:pointer}a,button,input,textarea,summary:focus-visible{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent-ink)}img{display:block;max-width:100%;object-fit:cover}summary{list-style:none;min-height:44px}summary::-webkit-details-marker{display:none}section{scroll-margin-top:85px}main{width:min(1220px,calc(100% - 100px));margin:auto}.dark{--bg:#0e1114;--ink:#f4f4f0;--muted:#a8b0b6;--line:#2c343c;--accent:#c8f09b;--accent-ink:#c8f09b;--panel:#1a2228}.embedded .demo-notice{display:none}
.embedded .demo-header{min-height:64px}
.embedded .intro{padding-top:28px}
.demo-notice{font-size:9px;letter-spacing:.035em;background:var(--ink);color:var(--bg);padding:7px 24px;text-align:center}.demo-notice a{text-decoration:underline;margin-left:15px}.demo-header{width:min(1320px,calc(100% - 100px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:84px;border-bottom:1px solid var(--line)}.personal-brand{display:flex;align-items:center;gap:12px;font-weight:600;font-size:15px}.initials{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;font-size:11px;font-weight:700;background:var(--panel)}.demo-header nav{display:flex;gap:30px;font-size:12px}.demo-header nav a{padding-block:12px}.demo-menu{display:none}.intro{padding:65px 0 60px;display:grid;grid-template-columns:1.15fr 1fr;gap:45px;align-items:center}.overline,.tiny{font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:500}.intro .overline{margin-bottom:25px;color:var(--accent-ink)}.intro-description{max-width:540px;color:var(--muted);margin-top:28px;font-size:14px}.intro-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px;font-size:12px}.demo-button{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;background:var(--accent);color:#1a220f;border:0;border-radius:999px;min-height:48px;font-weight:700;font-size:13px;letter-spacing:.01em;transition:transform .2s,box-shadow .2s}.demo-button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #1112}.hero-art{background:var(--panel);padding:28px;border-radius:16px;min-width:0;overflow:hidden;box-shadow:0 20px 50px #11111112}.hero-art>img{width:100%;min-height:320px;object-fit:cover}.skills-section{border-block:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px;padding:23px 0}.skills-section>div{display:flex;flex-wrap:wrap;gap:15px 30px;font-size:12px}.work-section,.about-section,.journey-section,.expertise{padding-block:80px}.section-title{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:42px}.section-title h2{max-width:640px}.section-title>.overline{padding-top:8px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:start}.work-item{min-width:0}.work-art{min-height:250px;aspect-ratio:1.2;background:var(--panel);overflow:hidden;display:grid;place-items:center;border-radius:14px}.work-art>img{width:100%;height:100%;object-fit:cover}.work-copy{padding-top:22px}.work-copy h3{margin:9px 0 14px}.work-copy>p{font-size:13px;color:var(--muted)}.work-copy details{margin-top:18px;border-block:1px solid var(--line);font-size:12px}.work-copy summary{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:12px 0}.work-copy details>div{padding-bottom:20px;color:var(--muted)}.about-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;border-top:1px solid var(--line);align-items:center}.about-monogram{background:var(--panel);aspect-ratio:1;display:grid;place-items:center;font:500 120px/1 'DM Serif Display',serif;color:var(--accent-ink);border-radius:50%}.about-section h2{margin:18px 0 24px}.about-section p{color:var(--muted);font-size:14px;max-width:620px;margin-bottom:18px}.about-section summary{border-top:1px solid var(--line);padding-block:14px;font-size:12px}.journey-section{border-top:1px solid var(--line)}.journey-list{margin-left:30%}.journey-list article{display:grid;grid-template-columns:140px 1fr;gap:30px;padding:25px 0;border-top:1px solid var(--line)}.journey-list article>span{font-size:11px;color:var(--muted)}.journey-list h3{font-size:20px;line-height:1.4}.journey-list p{color:var(--muted);font-size:13px;margin-top:10px}.certifications{margin-left:30%;border-top:1px solid var(--line);font-size:13px}.certifications summary{padding:18px 0}.certifications p{color:var(--muted)}.expertise>div{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:25px}.expertise article{border-top:1px solid var(--line);padding-top:22px}.expertise article>span{font-size:11px;color:var(--muted)}.expertise h3{margin:15px 0;font-size:24px}.expertise p{font-size:13px;color:var(--muted)}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:75px;border-top:1px solid var(--line)}.contact-section h2{margin-block:20px}.contact-section p{font-size:13px;color:var(--muted);max-width:380px}.sample-contact{display:block;margin-top:25px;font-size:12px}.contact-section label{display:block;font-size:12px;margin-bottom:18px}.contact-section input,.contact-section textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);padding:10px 0;color:var(--ink);border-radius:0}.contact-section textarea{resize:vertical}.demo-footer{width:min(1220px,calc(100% - 100px));margin:auto;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:25px;font-size:10px;color:var(--muted)}.skip{position:fixed;top:-100px;left:15px;z-index:99;background:white;color:black;padding:12px}.skip:focus{top:15px}
/* Designed sample project assets; no image of an unavailable template. */
.code-window{background:#1d252a;color:#dcebc9;width:100%;padding:20px;border-radius:6px;font-family:'IBM Plex Mono',monospace;font-size:10px}.code-window>div{border-bottom:1px solid #465145;padding-bottom:13px;color:#a7b39c}.code-window>div span{float:right}.code-window pre{line-height:2.2;white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;margin:20px 0}.code-window pre span{color:#8ea779}.architecture{width:100%;padding:25px;text-align:center;font-size:10px;color:var(--ink)}.architecture>span,.architecture>div>span{padding:15px 12px;border:1px solid var(--line);display:inline-block;background:var(--bg)}.architecture>div{display:flex;gap:10px;justify-content:center}.architecture>b{display:block;font-size:25px;margin:13px}.architecture small{display:block;margin-top:22px;color:var(--muted)}.phone-pair{display:flex;align-items:center;justify-content:center;gap:15px;padding:8px 0;width:100%}.phone{background:#fcfcf8;color:#253324;border:5px solid #283228;width:195px;min-width:0;border-radius:25px;padding:17px 14px;box-shadow:0 15px 20px #1112;transform:rotate(-5deg)}.phone>small{display:block;font-size:8px;margin-bottom:22px}.phone>span{font-size:7px;letter-spacing:.1em}.phone h3{font-size:22px;letter-spacing:-.02em;word-spacing:.04em;line-height:1.15;margin-top:10px}.phone-disc{display:grid;place-items:center;background:#e2ecb8;aspect-ratio:1.3;border-radius:80px;font-size:65px;margin-block:20px}.phone-row{font-size:8px;border-top:1px solid #d8ddce;padding-block:12px;display:flex;justify-content:space-between}.phone-back{transform:rotate(7deg);margin-top:40px;background:#eef3da}.phone-back p{font-size:8px}.bars{display:flex;align-items:end;height:120px;gap:9px;padding-top:10px}.bars i{height:var(--bar,60%);flex:1;background:var(--accent);border-radius:4px 4px 0 0}.phone .bars i{background:#92a764}.bars i:nth-child(2){height:45%}.bars i:nth-child(3){height:78%}.bars i:nth-child(4){height:92%}.dashboard{width:90%;background:var(--bg);color:var(--ink);padding:23px;border:1px solid var(--line);border-radius:9px}.dash-nav{font-size:10px;display:flex;justify-content:space-between}.dash-nav>span{font-size:7px}.dash-heading{margin-top:26px}.dash-heading>span{display:block;font-size:9px;color:var(--muted)}.dash-heading strong{display:block;font-size:21px;line-height:1.3;margin-top:8px}.dash-foot{font-size:8px;color:var(--muted);margin-top:10px}.browser-art{background:#fff;width:90%;color:#232a23;box-shadow:0 15px 25px #151b1815;border-radius:5px;overflow:hidden}.browser-top{font-size:7px;padding:10px 12px;background:#f3f4ef;display:flex;justify-content:space-between}.browser-content{padding:25px 23px;position:relative;background:#e9efdd;overflow:hidden;min-height:240px}.browser-content>small{font-size:7px;letter-spacing:.08em;position:relative;z-index:1}.browser-content h3{font-size:32px;letter-spacing:-.02em;word-spacing:.04em;margin:20px 0;position:relative;z-index:1}.art-pill{display:inline-block;background:#303d29;color:#fff;font-size:8px;padding:10px;border-radius:4px;position:relative;z-index:1}.browser-orb{width:170px;height:170px;border-radius:50%;background:#c4d6a5;position:absolute;right:-50px;bottom:-35px;border:30px solid #d9e7c1}.poster-art{position:relative;background:#dce896;color:#293925;width:100%;min-height:310px;padding:23px;overflow:hidden}.poster-art>span,.poster-art>small{font-size:8px;letter-spacing:.1em;position:relative;z-index:1}.poster-art>strong{display:block;font:700 48px/1.05 'Space Grotesk',sans-serif;letter-spacing:-.03em;word-spacing:.04em;margin:35px 0 45px;position:relative;z-index:1}.art-circle{width:180px;height:180px;border:30px solid #64805e;border-radius:50%;position:absolute;right:-60px;bottom:10px}.poster-1{background:#dec8ea;color:#4a3255}.poster-1 .art-circle{border-color:#9b77b0;border-radius:0;transform:rotate(30deg)}.poster-2{background:#f3bea0;color:#5d3522}.poster-2 .art-circle{border-color:#c7825b}.article-art{padding:30px;background:#e8e3d9;color:#352f29;width:100%;min-height:270px}.article-art small{font-size:9px}.article-art>span{display:block;font:80px/.9 'DM Serif Display',serif;margin-top:23px}.article-art h3{font-family:'DM Serif Display',serif;font-size:29px;letter-spacing:-.02em}.article-art p{font-size:10px;margin-top:20px}.roadmap-art{padding:25px;width:100%;font-size:10px}.roadmap-art h3{font-size:23px;margin:18px 0}.roadmap-art>div{display:grid;gap:10px}.roadmap-art span{background:var(--bg);padding:12px;font-size:8px}.roadmap-art b{font-size:12px;font-weight:500}.people-art{width:100%;padding:30px;background:#e2d9cd;color:#4b3c30}.people-art>span{font-size:9px}.people-art>div{display:flex;gap:8px;margin-block:25px}.people-art i{display:grid;place-items:center;width:75px;height:75px;background:#f7f2e6;border-radius:50%;font-size:10px}.people-art strong{font:400 45px/1.1 'DM Serif Display',serif}.test-panel{padding:25px;width:100%}.test-panel small{font-size:8px}.test-panel h3{margin:24px 0;font-size:30px}.test-panel p{font:10px/2.4 'IBM Plex Mono',monospace;border-bottom:1px solid var(--line)}.motion-art{position:relative;width:100%;min-height:310px;overflow:hidden;padding:28px;background:#29212f;color:#f2d3ab}.motion-art>span,.motion-art>small{font-size:9px;position:relative;z-index:1}.motion-art strong{display:block;font:600 55px/1 'Space Grotesk';margin:35px 0;position:relative;z-index:1}.motion-shape{width:170px;height:170px;border:35px solid #8873b5;position:absolute;right:-20px;top:75px;transform:rotate(25deg)}
/* Thirty layout compositions: structural differences, not colour swaps. */
.layout-terminal .terminal-line{grid-column:1/-1;display:flex;gap:18px;font:11px 'IBM Plex Mono';padding-bottom:20px;border-bottom:1px dashed var(--line)}.terminal-line b{margin-left:auto;color:var(--accent);font-size:9px}.layout-terminal{--accent:#ffe566;--accent-ink:#ffe566}.layout-terminal h1{font-family:'Space Grotesk';font-weight:700}.layout-terminal .demo-button{border-radius:8px;color:#111}.layout-terminal .hero-art{padding:0;transform:rotate(2deg)}.layout-terminal .work-grid{grid-template-columns:1.5fr 1fr}.layout-terminal .work-item:first-child{grid-row:span 2}.layout-terminal .work-item:first-child .work-art{aspect-ratio:1.1}.layout-terminal .work-item:not(:first-child){display:grid;grid-template-columns:.7fr 1fr;gap:20px}.layout-terminal .work-item:not(:first-child) .work-art{min-height:0;aspect-ratio:auto}.layout-terminal .work-item:not(:first-child) .work-art pre{font-size:7px}.layout-terminal .work-copy{padding-top:0}
.layout-devices{--bg:#fafaf8;--accent:#c8e89a;--panel:#e7efd8;--accent-ink:#2f4518}.layout-devices .intro{grid-template-columns:1fr 1.15fr;gap:50px}.layout-devices .hero-art{padding:35px 25px;border-radius:80px 80px 12px 12px}.layout-devices .hero-tags{grid-column:1/-1;display:flex;gap:35px;font-size:10px;border-top:1px solid var(--line);padding-top:20px}.layout-devices .work-grid{grid-template-columns:1fr}.layout-devices .work-item{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}.layout-devices .work-item:nth-child(2) .work-art{order:2}.layout-devices .work-art{aspect-ratio:1.5}.layout-devices .work-copy h3{font-size:40px}
.layout-oversize{--accent:#cedaf5;--panel:#e0e7f3}.layout-oversize .intro{display:block}.layout-oversize h1{font-size:clamp(48px,7.2vw,96px);max-width:1100px}.layout-oversize .intro-description{margin-left:auto}.layout-oversize .intro-actions{justify-content:flex-end}.layout-oversize .hero-art{margin-top:40px;height:310px;padding:25px 20%;border-radius:0}.layout-oversize .hero-marquee{font:500 clamp(25px,5vw,65px) 'Space Grotesk';letter-spacing:-.05em;border-bottom:1px solid var(--line);padding-block:25px}.layout-oversize .work-grid{grid-template-columns:1fr 1fr}.layout-oversize .work-item:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center}
.layout-blueprint{--bg:#f1f3f5;--panel:#e3eaf0;--accent:#c5d9ec;--accent-ink:#315475}.layout-blueprint main{border-inline:1px solid var(--line);padding-inline:35px}.layout-blueprint .intro{grid-template-columns:1fr 1fr}.layout-blueprint h1{font-size:clamp(42px,5vw,68px)}.blueprint-index{grid-column:1/-1;display:flex;justify-content:space-between;font:10px 'IBM Plex Mono';border-block:1px solid var(--line);padding-block:15px}.layout-blueprint .work-grid{display:block}.layout-blueprint .work-item{display:grid;grid-template-columns:.8fr 1.3fr;gap:40px;border-top:1px solid var(--line);padding-block:30px}.layout-blueprint .hero-art{background-image:linear-gradient(#3451 1px,transparent 1px),linear-gradient(90deg,#3451 1px,transparent 1px);background-size:20px 20px}.layout-blueprint .about-monogram{border-radius:0}
.layout-bento .intro{grid-template-columns:1.2fr 1fr;gap:20px}.layout-bento .intro-copy{background:var(--panel);padding:35px;border-radius:18px;grid-row:span 2}.layout-bento h1{font-size:clamp(45px,5.3vw,72px)}.layout-bento .hero-art{border-radius:18px;padding:25px}.layout-bento .bento-note{background:var(--accent);color:#283822;padding:25px;border-radius:18px;display:flex;justify-content:space-between;gap:20px}.bento-note strong{font-size:21px;line-height:1.2}.bento-note span{font-size:8px;align-self:end}.layout-bento .about-section{grid-template-columns:1fr 2fr}.layout-bento .about-monogram{border-radius:18px}.layout-bento .work-grid{grid-template-columns:repeat(3,1fr)}.layout-bento .work-item{padding:20px;background:var(--panel);border-radius:18px}.layout-bento .work-art{min-height:180px}
.layout-readme{--bg:#fbfaf6;--accent:#e3ecd9}.layout-readme main{max-width:980px}.layout-readme .intro{grid-template-columns:200px 1fr;align-items:start}.layout-readme .readme-index{display:flex;flex-direction:column;gap:18px;font:12px/1.8 'IBM Plex Mono';padding-top:15px}.layout-readme h1{font:500 clamp(40px,5vw,68px)/1.2 'IBM Plex Mono';letter-spacing:-.07em}.layout-readme .work-grid{display:block;margin-left:200px}.layout-readme .work-item{display:grid;grid-template-columns:1fr;gap:15px;padding-block:30px;border-top:1px solid var(--line)}.layout-readme .work-art{min-height:0;aspect-ratio:auto}.layout-readme .work-art pre{margin:10px 0}.layout-readme .about-section{grid-template-columns:160px 1fr;gap:40px}.layout-readme .about-monogram{font-size:65px;border-radius:8px}
.layout-report{--accent:#cbdcfa;--panel:#e4eaf2;--accent-ink:#345b93}.layout-report .intro{grid-template-columns:1fr}.report-caption{display:flex;justify-content:space-between;font-size:10px;border-bottom:2px solid var(--ink);padding-bottom:15px}.layout-report .intro-copy{display:grid;grid-template-columns:1.5fr 1fr;gap:25px}.layout-report .intro-copy .overline{grid-column:1/-1;margin:0}.layout-report .intro-copy h1{grid-row:span 2}.layout-report .hero-art{padding:35px 12%}.layout-report .dashboard .bars{height:180px}.layout-report .work-grid{grid-template-columns:2fr 1fr}.layout-report .work-item:first-child{grid-row:span 2}.layout-report .work-item:not(:first-child) .work-art{display:none}
.layout-paper{--bg:#f5f3ed;--accent:#e4ddd1}.layout-paper main{max-width:1020px}.layout-paper .intro{grid-template-columns:1fr;max-width:850px;margin:auto;text-align:center}.layout-paper h1,.layout-paper h2{font-family:'DM Serif Display';font-weight:400;letter-spacing:-.03em}.layout-paper .intro-description{margin-inline:auto}.layout-paper .intro-actions{justify-content:center}.paper-abstract{display:grid;grid-template-columns:100px 1fr;gap:25px;text-align:left;border-block:1px solid var(--line);padding-block:24px;font-size:13px}.paper-abstract b{font-size:10px}.layout-paper .work-grid{display:block}.layout-paper .work-item{display:grid;grid-template-columns:200px 1fr;gap:35px;border-bottom:1px solid var(--line);padding-block:28px}.layout-paper .work-art{min-height:180px;aspect-ratio:1}.layout-paper .code-window pre{font-size:7px}.layout-paper .about-monogram{font-family:'DM Serif Display';border-radius:0}
.layout-console{--bg:#111c21;--panel:#1b2c33;--accent:#a3ded2;--accent-ink:#a3ded2}.console-status{grid-column:1/-1;display:flex;justify-content:space-between;font-size:9px;color:var(--accent);padding-bottom:18px;border-bottom:1px solid var(--line)}.layout-console .intro{grid-template-columns:1fr 1fr}.layout-console h1{font-family:'Space Grotesk'}.layout-console .hero-art{border:1px solid var(--line);border-radius:0}.layout-console .work-grid{grid-template-columns:1fr 1fr 1fr;gap:0;border:1px solid var(--line)}.layout-console .work-item{padding:20px;border-right:1px solid var(--line)}.layout-console .work-art{aspect-ratio:1;min-height:210px}.layout-console .work-copy h3{font-size:24px}
.layout-dossier{--bg:#191a19;--panel:#272a26;--accent:#e2bc8e;--accent-ink:#e2bc8e}.layout-dossier .intro{grid-template-columns:.7fr 1.5fr;align-items:start}.dossier-label{display:flex;flex-direction:column;gap:28px;font:9px/1.8 'IBM Plex Mono';padding:25px;border:1px solid var(--line)}.dossier-label strong{font-size:25px;font-weight:400}.layout-dossier h1{font-family:'DM Serif Display';font-weight:400}.layout-dossier .work-grid{display:block;margin-left:25%}.layout-dossier .work-item{padding:25px 0;border-top:1px solid var(--line)}.layout-dossier .work-art{display:none}.layout-dossier .work-copy{display:grid;grid-template-columns:1fr 1fr;gap:15px}.layout-dossier .work-copy .tiny,.layout-dossier .work-copy details{grid-column:1/-1}.layout-dossier .about-monogram{border-radius:0}
.layout-checklist{--accent:#dae6fc;--accent-ink:#3e5d84}.quality-ribbon{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);font-size:10px;text-align:center;padding:18px}.layout-checklist .intro{grid-template-columns:1.2fr .8fr}.layout-checklist .work-grid{grid-template-columns:1fr}.layout-checklist .work-item{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:30px;border:1px solid var(--line)}.layout-checklist .work-art{min-height:0;aspect-ratio:1.7}.layout-checklist .work-item:nth-child(even){background:var(--panel)}
.layout-casebook{--bg:#f6f1ea;--accent:#111111;--accent-ink:#111111;--panel:#ebe3d8}.layout-casebook .demo-button{background:#111;color:#fff;border-radius:999px}.layout-casebook .intro .overline{color:#70482e}.layout-casebook .intro{grid-template-columns:1.2fr 1fr}.layout-casebook .hero-art{border-radius:50% 50% 5px 5px;padding:45px 20px}.hero-footnote{grid-column:1/-1;font-size:9px;letter-spacing:.13em;border-bottom:1px solid var(--line);padding-top:15px;padding-bottom:20px}.layout-casebook .work-grid{display:block}.layout-casebook .work-item{display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:55px;margin-bottom:45px}.layout-casebook .work-item:nth-child(2) .work-art{order:2}.layout-casebook .work-art{aspect-ratio:1.6}.layout-casebook .work-copy h3{font-size:44px}.layout-casebook .about-monogram{border-radius:50% 50% 5px 5px}
.layout-journal{--bg:#f1eee4;--accent:#d9d0b9;--accent-ink:#655a39;--panel:#e5dfd0}.layout-journal .intro{grid-template-columns:1.6fr .7fr}.layout-journal h1,.layout-journal h2,.layout-journal h3{font-family:'DM Serif Display';font-weight:400;letter-spacing:-.03em}.journal-note{font-size:11px;border-left:1px solid var(--line);padding:35px;transform:rotate(3deg);background:#e8e1cf}.journal-note span{font-size:9px}.journal-note p{font:25px/1.4 'DM Serif Display';margin-top:30px}.layout-journal .work-grid{grid-template-columns:1fr 1fr}.layout-journal .work-item:first-child{grid-column:1/-1;display:grid;grid-template-columns:.7fr 1.5fr;gap:40px}.layout-journal .work-item:not(:first-child) .work-art{display:none}.layout-journal .journey-list{margin-left:0}
.layout-poster{--bg:#f7eddb;--ink:#292b24;--accent:#c4d858;--accent-ink:#4f6222;--panel:#e8e0d0}.layout-poster .intro{display:block}.layout-poster h1{font-family:'Space Grotesk';font-size:clamp(52px,8vw,108px);line-height:1;font-weight:700;max-width:1180px;text-transform:uppercase;letter-spacing:-.03em}.layout-poster .intro-description{margin-left:auto}.layout-poster .intro-actions{justify-content:flex-end}.layout-poster .hero-art{display:none}.poster-strip{background:var(--accent);font:600 clamp(16px,3.2vw,40px) 'Space Grotesk';text-align:center;padding:20px 0;margin-top:40px}.layout-poster .work-grid{grid-template-columns:1fr 1fr;gap:40px}.layout-poster .work-item:nth-child(2){margin-top:100px}.layout-poster .work-item:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center}.layout-poster .work-art{aspect-ratio:1}.layout-poster .poster-art{height:100%;padding:35px}.layout-poster .poster-art strong{font-size:clamp(60px,7vw,100px)}
.layout-atelier{--bg:#f3f0e9;--ink:#423c33;--accent:#d5c6ac;--accent-ink:#665238;--panel:#e6dfd0}.layout-atelier .intro{grid-template-columns:1fr 1.3fr;gap:65px}.layout-atelier h1,.layout-atelier h2,.layout-atelier h3{font-family:'DM Serif Display';font-weight:400;letter-spacing:-.035em}.layout-atelier .hero-art{padding:0;border-radius:50% 50% 0 0}.layout-atelier .hero-art .poster-art{min-height:440px;background:#e5dccb}.layout-atelier .hero-art .poster-art strong{font:400 100px 'DM Serif Display';text-align:center}.atelier-seal{grid-column:2;font-size:13px;font-style:italic;border-top:1px solid var(--line);padding-top:15px}.layout-atelier .work-grid{display:block}.layout-atelier .work-item{margin-bottom:65px}.layout-atelier .work-art{aspect-ratio:2.3}.layout-atelier .poster-art{display:flex;align-items:center;justify-content:space-between;min-height:400px;padding:40px}.layout-atelier .work-copy{display:grid;grid-template-columns:1fr 1fr;gap:15px}.layout-atelier .work-copy .tiny,.layout-atelier .work-copy details{grid-column:1/-1}
.layout-cinema{--bg:#18151c;--panel:#2b2333;--accent:#d4b2e8;--accent-ink:#e0c6ed}.layout-cinema .intro{display:block}.layout-cinema .intro-copy{text-align:center;max-width:950px;margin:auto}.layout-cinema h1{font-size:clamp(48px,7vw,88px);font-family:'Space Grotesk'}.layout-cinema .intro-description{margin-inline:auto}.layout-cinema .intro-actions{justify-content:center}.showreel{margin-top:40px}.showreel video{display:block;width:100%;aspect-ratio:16/7;background:#25202b;object-fit:cover}.showreel p{font-size:10px;margin-top:12px;letter-spacing:.07em}.layout-cinema .work-grid{grid-template-columns:repeat(3,1fr)}.layout-cinema .work-art{aspect-ratio:1.6}.layout-cinema .motion-art strong{font-size:40px}.layout-cinema .about-monogram{border-radius:5px}
.layout-photo{--bg:#f7f6f2;--accent:#e4e0d4;--accent-ink:#575448}.layout-photo .intro{display:block;padding-top:25px;position:relative}.layout-photo .hero-art{padding:0;border-radius:0;height:min(78vh,640px);box-shadow:none}.layout-photo .hero-art>img{height:100%;width:100%;filter:brightness(.5) contrast(1.05)}.layout-photo .intro-copy{position:absolute;top:50%;left:50px;right:50px;transform:translateY(-50%);color:white;max-width:780px}.layout-photo .intro-description{color:#f2f2e9}.layout-photo .intro .overline{color:#eee9d9}.layout-photo h1,.layout-photo h2{font-family:'DM Serif Display';font-weight:400}.photo-caption{font-size:9px;letter-spacing:.1em;margin-top:17px}.layout-photo .work-grid{grid-template-columns:1fr 1fr;gap:40px}.layout-photo .work-item:nth-child(2){margin-top:110px}.layout-photo .work-item:nth-child(3){grid-column:1/-1}.layout-photo .work-item:nth-child(3) .work-art{aspect-ratio:2.5}.layout-photo .work-art{aspect-ratio:.9}
.layout-campaign{--accent:#f4cc6e;--accent-ink:#795715;--panel:#eee6d4}.layout-campaign .intro{grid-template-columns:1.2fr 1fr}.layout-campaign .campaign-strip{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr;border-block:2px solid var(--ink);padding-block:25px}.campaign-strip b{font-size:11px}.campaign-strip p{font:500 24px/1.4 Manrope}.layout-campaign .work-grid{grid-template-columns:1fr}.layout-campaign .work-item{display:grid;grid-template-columns:1fr 1.4fr;gap:40px}.layout-campaign .work-item:nth-child(2) .work-art{order:2}.layout-campaign .work-art{aspect-ratio:1.5}.layout-campaign .expertise>div{gap:0}.layout-campaign .expertise article{padding:25px;background:var(--panel);border-right:1px solid var(--line)}
.layout-social{--bg:#f8f2ef;--accent:#e9a88d;--accent-ink:#763e28;--panel:#ecddd6}.layout-social .intro{grid-template-columns:1fr 1fr}.layout-social .hero-art{transform:rotate(4deg);padding:20px;background:#fff}.social-notes{grid-column:1/-1;display:flex;justify-content:space-between;gap:25px;font:18px/1.4 'DM Serif Display';margin-top:20px}.layout-social .work-grid{grid-template-columns:repeat(3,1fr);gap:18px}.layout-social .work-item:nth-child(2){margin-top:65px}.layout-social .work-item:nth-child(3){margin-top:130px}.layout-social .work-art{aspect-ratio:.8}.layout-social .poster-art{height:100%}.layout-social .about-monogram{border-radius:35px;transform:rotate(-5deg)}
.layout-writer{--bg:#f8f5ed;--accent:#e3d9c4;--accent-ink:#715d3e;--panel:#eae4d6}.layout-writer main{max-width:1000px}.layout-writer .intro{display:block;text-align:center;border-bottom:3px double var(--line)}.writer-byline{display:flex;justify-content:space-between;gap:20px;border-block:1px solid var(--line);padding-block:14px;margin-bottom:40px;font-size:10px}.layout-writer h1,.layout-writer h2,.layout-writer h3{font-family:'DM Serif Display';font-weight:400;letter-spacing:-.035em}.layout-writer .intro-description{margin-inline:auto}.layout-writer .intro-actions{justify-content:center}.layout-writer .work-grid{display:block}.layout-writer .work-item{display:grid;grid-template-columns:160px 1fr;gap:40px;border-top:1px solid var(--line);padding-block:30px}.layout-writer .work-art{min-height:170px;aspect-ratio:1}.layout-writer .article-art{padding:15px;min-height:170px}.layout-writer .article-art h3{font-size:22px}.layout-writer .article-art>p{display:none}.layout-writer .work-copy{padding-top:0}.layout-writer .work-copy h3{font-size:35px}
.layout-creator{--bg:#201f1c;--panel:#33332b;--accent:#e1d877;--accent-ink:#e1d877}.layout-creator .intro{grid-template-columns:1fr .9fr}.layout-creator h1{font-family:'Space Grotesk';font-size:clamp(44px,6vw,80px)}.layout-creator .hero-art{padding:0;transform:rotate(-4deg);border:10px solid #eee9d9}.layout-creator .hero-art>img{height:420px}.creator-topics{display:flex;justify-content:space-between;grid-column:1/-1;font-size:11px;border-top:1px solid var(--line);padding-top:22px}.layout-creator .work-grid{grid-template-columns:1.5fr 1fr}.layout-creator .work-item:first-child{grid-row:span 2}.layout-creator .work-item:first-child .work-art{aspect-ratio:.85}.layout-creator .work-item:not(:first-child) .work-art{aspect-ratio:2.3;min-height:170px}.layout-creator .work-item:not(:first-child) .work-copy h3{font-size:23px}
.layout-roadmap{--accent:#d2dbef;--accent-ink:#42557e;--panel:#e7ebf3}.layout-roadmap .intro{grid-template-columns:1.1fr 1fr}.product-principles{grid-column:1/-1;display:flex;justify-content:space-between;font-size:13px;border-bottom:1px solid var(--line);padding-bottom:25px}.layout-roadmap .hero-art{padding:20px 10px}.layout-roadmap .journey-list{margin-left:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.layout-roadmap .journey-list article{display:block;padding:25px;background:var(--panel)}.layout-roadmap .journey-list h3{margin-top:18px}.layout-roadmap .work-grid{grid-template-columns:1fr}.layout-roadmap .work-item{display:grid;grid-template-columns:.85fr 1.2fr;gap:50px}.layout-roadmap .work-art{aspect-ratio:1.5}
.layout-corporate{--bg:#f6f7f7;--ink:#253449;--accent:#d7e0ec;--accent-ink:#3e5571;--panel:#e7ecf1}.layout-corporate .intro{grid-template-columns:1.4fr .8fr}.layout-corporate h1{font-family:'DM Serif Display';font-weight:400}.business-line{display:flex;gap:45px;grid-column:1/-1;font-size:10px;letter-spacing:.08em;background:var(--ink);color:var(--bg);padding:20px}.layout-corporate .about-section{grid-template-columns:.5fr 1.5fr}.layout-corporate .about-monogram{font-size:80px;border-radius:5px}.layout-corporate .journey-list{margin-left:20%;border-left:2px solid var(--line);padding-left:35px}.layout-corporate .work-grid{grid-template-columns:repeat(3,1fr)}.layout-corporate .work-art{min-height:210px;aspect-ratio:1.5}
.layout-people{--bg:#fbf6ed;--ink:#473c32;--accent:#e7c7a7;--accent-ink:#725336;--panel:#eee2d3}.layout-people .intro{grid-template-columns:.9fr 1.2fr}.layout-people h1,.layout-people h2{font-family:'DM Serif Display';font-weight:400}.layout-people .hero-art{padding:0;border-radius:45% 45% 5px 5px}.layout-people .people-art{padding:45px 30px;min-height:440px}.people-note{grid-column:2;border-top:1px solid var(--line);padding-top:20px;display:flex;gap:30px;align-items:center}.people-note span{font-size:9px}.people-note p{font:22px 'DM Serif Display'}.layout-people .work-grid{grid-template-columns:1fr 1fr}.layout-people .work-item:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.3fr;gap:45px}.layout-people .work-item:not(:first-child) .work-art{min-height:220px;aspect-ratio:2}
.layout-graduate{--bg:#f4f6ef;--accent:#d8ebae;--panel:#e5ecd7}.layout-graduate .intro{grid-template-columns:1.5fr .65fr}.layout-graduate h1{font-size:clamp(40px,5.6vw,68px)}.graduate-note{align-self:end;padding:30px;background:var(--accent);border-radius:5px 40px 5px 5px;transform:rotate(4deg)}.graduate-note b{font-size:9px}.graduate-note p{font-size:19px;line-height:1.5;margin-top:25px}.layout-graduate .journey-list{margin-left:0}.layout-graduate .journey-list article{grid-template-columns:1fr 2fr}.layout-graduate .work-grid{grid-template-columns:repeat(3,1fr)}.layout-graduate .work-art{aspect-ratio:1.2}.layout-graduate .about-section{grid-template-columns:.6fr 1.4fr}
.layout-campus{--bg:#f7f1e4;--accent:#f0ce71;--accent-ink:#695320;--panel:#e7e3d8}.layout-campus .intro{position:relative;grid-template-columns:1.3fr 1fr}.layout-campus h1{font-family:'Space Grotesk';font-weight:700}.layout-campus .hero-art{padding:18px;transform:rotate(5deg);background:#fff}.campus-sticker{position:absolute;right:0;bottom:15px;background:#dab5d8;color:#3c2f46;padding:25px;font:bold 20px/1.2 'Space Grotesk';transform:rotate(-8deg)}.layout-campus .work-grid{grid-template-columns:1fr 1fr;gap:40px}.layout-campus .work-item:nth-child(2){transform:rotate(2deg)}.layout-campus .work-item:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:40px}.layout-campus .work-art{aspect-ratio:1.1}.layout-campus .work-item:nth-child(3) .work-art{aspect-ratio:1.6}
.layout-bridge{--bg:#f4efe8;--accent:#d9c8e1;--accent-ink:#62436c;--panel:#e8dfeb}.layout-bridge .intro{grid-template-columns:1fr 1fr}.bridge-line{grid-column:1/-1;display:flex;gap:30px;align-items:center;font-size:11px;letter-spacing:.1em;border-bottom:1px solid var(--line);padding-bottom:20px}.bridge-line b{font-size:30px}.layout-bridge h1{font-family:'DM Serif Display';font-weight:400}.layout-bridge .hero-art{border-radius:8px 80px 8px 8px}.layout-bridge .about-section{grid-template-columns:1fr 1fr}.layout-bridge .work-grid{grid-template-columns:1fr}.layout-bridge .work-item{display:grid;grid-template-columns:1.1fr 1fr;gap:40px}.layout-bridge .work-item:nth-child(2) .work-art{order:2}.layout-bridge .work-art{aspect-ratio:1.7}.layout-bridge .about-monogram{border-radius:0 90px 0 90px}
.layout-services{--accent:#efc88c;--accent-ink:#755224;--panel:#eee2cf}.layout-services .intro{grid-template-columns:1fr 1fr}.layout-services .hero-art{padding:25px;border-radius:100px 10px 10px 10px}.service-menu{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding-block:20px;font-size:12px}.layout-services .expertise{background:var(--panel);padding:35px;margin-top:25px}.layout-services .work-grid{grid-template-columns:1fr 1fr}.layout-services .work-item:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.6fr 1fr;gap:50px;align-items:center}.layout-services .work-art{aspect-ratio:1.5}.layout-services .work-item:first-child .work-copy h3{font-size:45px}
.layout-signature{--bg:#f3f0e7;--accent:#d6c9ad;--accent-ink:#5e5138;--panel:#e5decd}.layout-signature main{max-width:1100px}.layout-signature .intro{grid-template-columns:1.7fr .6fr;align-items:end}.layout-signature h1,.layout-signature h2,.layout-signature h3{font-family:'DM Serif Display';font-weight:400}.signature-mark{font:italic 62px 'DM Serif Display';border-bottom:1px solid var(--line);padding-bottom:25px;transform:rotate(-8deg)}.layout-signature .about-section{grid-template-columns:.65fr 1.4fr;gap:90px}.layout-signature .work-grid{display:block}.layout-signature .work-item{display:grid;grid-template-columns:1fr 2fr;gap:50px;border-top:1px solid var(--line);padding-block:35px}.layout-signature .work-art{aspect-ratio:1;min-height:220px}.layout-signature .work-copy h3{font-size:34px}
.layout-executive{--bg:#171816;--ink:#f0ede4;--muted:#b8b9ae;--panel:#262822;--line:#3d4138;--accent:#e4e5c4;--accent-ink:#e4e5c4}.layout-executive main{max-width:1100px}.layout-executive .intro{grid-template-columns:1.5fr .6fr;padding-block:95px;gap:80px}.layout-executive h1,.layout-executive h2,.layout-executive h3{font-family:'DM Serif Display';font-weight:400;letter-spacing:-.03em}.executive-note{border-left:1px solid var(--line);padding-left:35px;align-self:end}.executive-note span{font-size:9px}.executive-note p{font-size:16px;margin-top:30px}.layout-executive .about-section{grid-template-columns:.6fr 1.4fr}.layout-executive .about-monogram{border:1px solid var(--line);background:transparent}.layout-executive .work-grid{display:block}.layout-executive .work-item{padding-block:25px;border-top:1px solid var(--line)}.layout-executive .work-art{display:none}.layout-executive .work-copy{display:grid;grid-template-columns:1fr 1fr;gap:15px}.layout-executive .work-copy .tiny,.layout-executive .work-copy details{grid-column:1/-1}
/* Responsive compositions preserve readable content at the actual iframe width. */
.intro>*,.work-grid>*,.work-item>*,.about-section>*,.journey-list>*,.contact-section>*{min-width:0}h1,h2,h3{overflow-wrap:break-word;word-break:normal;hyphens:none;letter-spacing:-.02em;word-spacing:.04em}
@media(max-width:1000px){main,.demo-header,.demo-footer{width:calc(100% - 60px)}.intro{gap:30px}.hero-art{padding:20px}.phone{padding:12px 10px}.phone h3{font-size:23px}.phone-disc{font-size:48px}.work-grid{gap:20px}.about-section{gap:45px}.contact-section{gap:45px}.work-art{min-height:200px}.poster-art strong{font-size:43px}.architecture{padding:15px}.architecture>div{gap:5px}.architecture>div>span{padding:12px 6px}.layout-readme .intro{grid-template-columns:150px 1fr}.layout-readme .work-grid{margin-left:150px}.layout-terminal .work-grid{grid-template-columns:1fr 1fr}.layout-terminal .work-item:not(:first-child){display:block}.layout-terminal .work-item:not(:first-child) .work-art{display:none}.layout-social .poster-art strong{font-size:40px}.layout-atelier .hero-art .poster-art strong{font-size:75px}.layout-cinema .motion-art strong{font-size:32px}}
@media(max-width:700px){main,.demo-header,.demo-footer{width:calc(100% - 36px)}.demo-notice{padding:8px 15px;font-size:8px}.demo-notice a{display:block;margin:3px 0 0}.demo-header{min-height:70px;flex-wrap:wrap;padding-block:13px;gap:15px}.demo-header nav{width:100%;flex-wrap:wrap;gap:6px 24px;font-size:12px}.demo-header.menu-ready nav{display:none}.demo-header.menu-open nav{display:flex}.demo-menu{display:block;margin-left:auto;background:transparent;border:1px solid var(--line);color:var(--ink);padding:10px 13px;border-radius:4px;min-height:44px;font-size:12px}.personal-brand{font-size:13px}.demo .intro{display:flex;flex-direction:column;align-items:stretch;gap:27px;padding-block:40px}.demo h1{font-size:clamp(41px,10.5vw,65px);line-height:1.12}.demo .intro .overline{margin-bottom:19px}.intro-description{font-size:13px;margin-top:22px}.intro-actions{gap:18px;margin-top:24px;font-size:11px}.demo .hero-art{margin:0;transform:none;padding:20px;border-radius:5px;height:auto;min-height:0}.demo .hero-art>img{min-height:260px;height:330px}.demo .intro-copy{display:block;max-width:none;padding:0;background:transparent;border-radius:0;text-align:left;position:static;color:var(--ink)}.demo .intro-actions{justify-content:flex-start}.demo .intro-description{margin-left:0;color:var(--muted)}.demo .intro .overline{color:var(--accent-ink)}.demo .work-grid{display:grid;grid-template-columns:1fr;gap:38px;margin-left:0;border:0}.demo .work-item,.demo .work-item:first-child,.demo .work-item:nth-child(3){display:block;margin:0;transform:none;padding:0;border:0;grid-column:auto;grid-row:auto}.demo .work-item .work-art{min-height:250px;aspect-ratio:1.3;order:0}.demo .work-item .work-copy{display:block;padding-top:20px}.demo .work-copy h3{font-size:29px}.demo .work-item:not(:first-child) .work-copy h3{font-size:29px}.demo .section-title{display:block;margin-bottom:30px}.section-title .overline{margin-bottom:18px}.demo h2{font-size:35px}.demo .work-section,.demo .about-section,.demo .journey-section,.demo .expertise{padding-block:45px}.demo .about-section{grid-template-columns:1fr;gap:30px}.demo .about-monogram{width:170px;height:170px;font-size:75px;transform:none}.demo .journey-list{margin:0;padding:0;display:block;border:0}.demo .journey-list article{display:block;padding:22px 0;background:transparent}.journey-list h3{margin-top:10px}.demo .certifications{margin-left:0}.demo .expertise{padding-inline:0;background:transparent;margin:0}.demo .expertise>div{grid-template-columns:1fr;gap:25px}.demo .expertise article{padding:20px 0;background:transparent;border-right:0}.demo .skills-section{display:block;padding-block:20px}.skills-section>div{gap:12px 23px;margin-top:16px;font-size:11px}.contact-section{grid-template-columns:1fr;gap:30px;padding-block:45px}.contact-section input,.contact-section textarea{font-size:16px}.demo-footer{flex-wrap:wrap;font-size:9px}.terminal-line,.console-status,.blueprint-index,.quality-ribbon,.hero-tags,.social-notes,.business-line,.creator-topics,.product-principles,.bridge-line,.service-menu{flex-wrap:wrap;gap:15px!important;font-size:9px!important}.terminal-line b{margin-left:0}.demo .readme-index{flex-direction:row;flex-wrap:wrap;gap:15px;font-size:10px;padding-top:0}.layout-blueprint main{padding-inline:0;border:0}.layout-blueprint .blueprint-index{padding-block:13px}.layout-oversize .hero-marquee{font-size:26px}.layout-oversize .intro-actions,.layout-poster .intro-actions{justify-content:flex-start}.layout-paper .paper-abstract{grid-template-columns:1fr;gap:12px}.layout-dossier .dossier-label{display:none}.demo.layout-dossier .work-item .work-art,.demo.layout-executive .work-item .work-art{display:none}.demo.layout-readme .work-item .work-art{aspect-ratio:auto;min-height:0}.layout-report .report-caption{font-size:8px}.layout-atelier .intro>.hero-art,.layout-people .intro>.hero-art,.layout-photo .intro>.hero-art{order:2}.layout-atelier .hero-art .poster-art{min-height:330px}.layout-atelier .poster-art{display:block;padding:25px;min-height:300px}.layout-atelier .poster-art>strong{font-size:65px;margin-block:35px}.layout-atelier .atelier-seal{display:none}.layout-journal .journal-note{transform:none;padding:20px}.layout-photo .photo-caption{order:3}.layout-photo .intro{position:static}.layout-cinema .showreel{margin:0}.showreel video{aspect-ratio:16/10}.layout-campaign .campaign-strip{grid-template-columns:1fr;gap:18px}.layout-people .people-note{display:none}.layout-people .hero-art .people-art{min-height:320px}.layout-graduate .graduate-note{align-self:stretch;transform:none;padding:22px}.layout-graduate .graduate-note p{margin-top:14px;font-size:17px}.layout-campus .campus-sticker{position:static;transform:none;align-self:flex-end;font-size:16px;padding:17px;margin-top:-50px;z-index:1}.layout-services .service-menu{grid-template-columns:1fr;gap:15px}.layout-signature .signature-mark{font-size:44px;transform:none;align-self:flex-start}.layout-executive .executive-note{padding-left:20px;align-self:stretch}.layout-executive .executive-note p{margin-top:15px}.layout-terminal .terminal-line{font-size:9px;flex-wrap:wrap}.layout-writer .writer-byline{display:block;text-align:left;margin-bottom:0}.writer-byline p{margin-top:10px}.layout-writer .work-art .article-art{min-height:250px;padding:25px}.layout-writer .work-art .article-art h3{font-size:30px}.layout-writer .work-art .article-art p{display:block}.layout-paper .work-art .code-window pre{font-size:11px}.layout-social .work-art .poster-art strong,.layout-poster .work-art .poster-art strong{font-size:65px}.layout-cinema .work-art .motion-art strong{font-size:55px}.layout-terminal .work-item:not(:first-child) .work-art{display:grid}.layout-journal .work-item:not(:first-child) .work-art{display:none}.phone-pair{gap:10px}.phone{max-width:180px}.phone h3{font-size:23px}.phone-disc{font-size:45px}.phone-back{margin-top:25px}.demo .work-item .phone h3{font-size:23px}.layout-roadmap .work-art{padding:0}.dashboard{padding:20px}.roadmap-art>h3{font-size:23px}.people-art>div{gap:5px}.people-art i{width:65px;height:65px}.hero-sticker{display:none}}

@media(max-width:400px){
  .layout-photo .hero-art{height:420px}
  .layout-photo .intro-copy{left:20px;right:20px;top:70px;transform:none}
  .layout-creator .hero-art{transform:none;border-width:6px}
  .layout-people .hero-art{border-radius:24px}
  .layout-campus .hero-art{transform:none}
  .phone-pair{transform:scale(.85);transform-origin:center}
  .phone{max-width:150px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}