*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#f7f6f1;color:#1d2929;font:14px/1.8 'Malgun Gothic','Apple SD Gothic Neo',sans-serif}a{color:inherit;text-underline-offset:5px}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #eb612d;outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;z-index:100}.topline{background:#1d2929;color:#f3f1e8;text-align:center;font:10px/30px Arial;letter-spacing:.15em}header{height:95px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#f7f6f1ed;position:sticky;top:0;z-index:20;border-bottom:1px solid #1d29291c}.logo{font:900 44px/1 Arial;letter-spacing:-3px;display:flex;gap:10px;align-items:flex-start;text-decoration:none}.logo span{font:10px/1.6 Arial;letter-spacing:0;padding-top:3px}nav{display:flex;gap:30px}nav a,.portal-link{text-decoration:none;font-size:12px}.shell{max-width:1440px;width:90%;margin:auto}.intro{padding:65px 0 0;overflow:hidden}.intro-top{display:flex;justify-content:space-between;font:10px/1.5 Arial;letter-spacing:.1em}.intro-top span{opacity:.55}.intro h1{font-size:clamp(42px,6vw,92px);line-height:1.25;letter-spacing:-.065em;font-weight:500;margin:45px 0}.intro h1 em{font-style:normal;color:#eb612d}.intro-bottom{display:flex;justify-content:space-between;align-items:center}.intro-bottom p{font-size:14px}.circle-link{display:grid;place-items:center;width:90px;height:90px;border:1px solid #1d2929;border-radius:50%;font:50px Arial;text-decoration:none}.huge-type{font:900 clamp(160px,25vw,370px)/.95 Arial;letter-spacing:-.085em;display:flex;justify-content:space-between;margin-top:60px}.huge-type span{color:#eb612d;letter-spacing:0}.dark{background:#1d2929;color:#f8f6ef}.band{padding:85px 0}.band-inner{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:end}.band h2{font-size:clamp(30px,3vw,48px);line-height:1.5;letter-spacing:-.05em;margin:0}.band h2 span{color:#c4c0ad}.eyebrow{font:10px/1.5 Arial;letter-spacing:.15em;color:#b36d45}.dark .eyebrow{color:#c7b397}.band p{color:#bfc7c2;font-size:13px;line-height:2}.band a{font-size:12px}.section{padding:100px 0}.section-title{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.section-title h2,.faq h2{font-size:clamp(28px,3vw,44px);line-height:1.45;letter-spacing:-.06em;font-weight:500;margin:18px 0}.section-title>p{font-size:12px;color:#68716b}.filters{display:flex;gap:10px;margin:35px 0;flex-wrap:wrap}.filters button{border:1px solid #c5c9c1;background:none;border-radius:30px;padding:9px 19px;font-size:12px;color:#4b5750}.filters [aria-pressed=true]{background:#1d2929;color:white;border-color:#1d2929}.design-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 35px}.design-image{display:block;position:relative;aspect-ratio:1.3;background:#eae9e2;padding:25px 45px;overflow:hidden}.design-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;box-shadow:0 10px 30px #0001;transition:transform .4s}.design-image:hover img{transform:translateY(-8px)}.design-image span{position:absolute;bottom:13px;right:18px;font:9px Arial;letter-spacing:.1em}.design-info{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.design-info small{font-size:10px;color:#747e75}.design h3{font-size:23px;letter-spacing:-.04em;font-weight:500;margin:2px 0}.design-info p{font:9px Arial;letter-spacing:.13em;color:#6c756f}.design-info a{font-size:11px}.design-price{border-top:1px solid #d5d8cf;padding-top:13px;margin-top:15px;font-size:12px}.design-price span{float:right;font-size:10px;color:#747e75}.next-design{display:grid;grid-template-columns:.8fr 1.2fr;background:#e8e5dc;margin-top:85px}.next-design>div{padding:45px}.next-design img{width:100%;height:100%;object-fit:cover;display:block}.next-design h3{font-size:30px;line-height:1.4;letter-spacing:-.05em;font-weight:500}.next-design p{font-size:11px;color:#5d6960}.next-design a{font-size:12px}.process-section{background:#e9ece4;padding:85px 0}.process{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:45px 0 0}.process li{border-top:1px solid #abb5a8;padding-top:20px}.process span{font:28px Georgia;color:#8e9c8a}.process h3{font-size:20px;font-weight:500}.process p{font-size:12px;color:#61705f}.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.scope-grid article{border:1px solid #cdd2c7;padding:30px}.scope-grid article:nth-child(2){border-top:4px solid #eb612d}.scope-grid article>span{font:10px Arial;color:#8b8067}.scope-grid h3{font-size:27px;letter-spacing:-.05em;font-weight:500;margin:22px 0 10px}.scope-grid b{font-size:12px}.scope-grid p,.scope-grid li{font-size:12px;color:#687568}.scope-grid ul{padding-left:18px;line-height:2.2}.scope-note{font-size:11px;color:#737b71;margin-top:24px}.manual-section{padding:90px 0}.manual-inner{padding-right:25%;position:relative}.manual-inner h2{font-size:clamp(28px,4vw,52px);line-height:1.5;letter-spacing:-.05em;font-weight:500}.manual-inner p{color:#c6cec6;font-size:13px;line-height:2.2}.manual-inner small{display:block;font-size:10px;color:#a3afa4;margin-top:20px}.light-button{display:inline-block;padding:15px 25px;background:#eeeade;color:#1d2929;text-decoration:none;margin-top:15px;font-size:12px}.faq details{border-bottom:1px solid #cfd4ca;padding:23px 0}.faq summary{font-size:15px;cursor:pointer}.faq details p{font-size:13px;color:#677365;padding-top:15px;max-width:900px}.end{border-top:1px solid #a4b0a2;padding:60px 0 90px;display:flex;justify-content:space-between;align-items:end}.end p{font:500 clamp(30px,5vw,70px)/1.05 Arial;letter-spacing:-.05em;margin:0}.end a{font-size:12px}footer{border-top:1px solid #cad0c4;padding:45px 5%;display:flex;justify-content:space-between;gap:30px;align-items:start}footer p{font-size:11px;color:#64715f}footer a{font-size:11px;margin-right:20px}footer small{display:block;margin-top:20px;font-size:9px;color:#7c8777}[hidden]{display:none!important}@media(max-width:760px){header{height:75px}.logo{font-size:33px}.logo span{font-size:8px}nav{gap:15px}nav a{font-size:10px}nav a:nth-child(3),nav a:nth-child(4),.portal-link{display:none}.intro{padding-top:35px}.intro-top{font-size:8px}.intro-top span{display:none}.intro h1{font-size:42px;margin:35px 0}.intro-bottom p{font-size:12px}.circle-link{width:60px;height:60px;font-size:35px}.huge-type{margin-top:35px;font-size:27vw}.band{padding:50px 0}.band-inner{grid-template-columns:1fr;gap:25px}.band h2{font-size:30px}.section{padding:60px 0}.section-title{display:block}.section-title h2,.faq h2{font-size:28px}.design-grid{grid-template-columns:1fr;gap:35px}.design-image{padding:20px 35px;aspect-ratio:1.2}.design-info h3{font-size:22px}.next-design{grid-template-columns:1fr;margin-top:50px}.next-design>div{padding:28px}.next-design h3{font-size:27px}.next-design img{aspect-ratio:1.4}.process-section{padding:55px 0}.process{grid-template-columns:1fr 1fr;gap:25px}.process h3{font-size:18px}.scope-grid{grid-template-columns:1fr;gap:15px}.scope-grid article{padding:25px}.manual-section{padding:55px 0}.manual-inner{padding-right:0}.manual-inner h2{font-size:28px}.manual-inner p{font-size:12px}.end{display:block;padding:45px 0 60px}.end p{margin-bottom:25px;font-size:39px}footer{flex-wrap:wrap}footer .logo{width:100%}footer p{margin:0}.filters{gap:7px}.filters button{font-size:11px;padding:8px 13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Public collection and verified live cases, 2026-11-04 */
.design-feature{font-family:inherit!important;font-size:11px!important;letter-spacing:0!important;max-width:340px;line-height:1.7}.design-info{gap:15px}.design-info>a{flex-shrink:0}.works-section{background:#ecefe7}.works-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.case-card{background:#f9faf5;border:1px solid #d5dcd0;min-width:0}.case-image{position:relative;display:block;padding:22px 22px 34px;background:#dfe6d9;aspect-ratio:1.5;overflow:hidden}.case-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:top;box-shadow:0 10px 30px #0001}.case-image span{position:absolute;bottom:10px;right:22px;font:9px Arial;letter-spacing:.13em}.case-body{padding:27px}.case-body small{font-size:11px;color:#687568}.case-body h3{font-size:25px;font-weight:500;margin:8px 0 12px}.case-body p{font-size:13px;color:#64705f;line-height:1.9}.case-body>a{font-size:12px}.work-records{margin-top:60px;border-top:1px solid #abb7a4;padding-top:22px}.records-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.records-heading h3{font-size:23px;font-weight:500}.records-heading p,.work-note{font-size:11px;color:#687568}.work-records table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.work-records th,.work-records td{padding:18px 14px;border-bottom:1px solid #d0d8c9}.work-records thead{font-size:11px;color:#687568}.status-live{display:inline-block;border:1px solid #869c7c;border-radius:20px;padding:3px 12px;font-size:11px;white-space:nowrap;color:#3f5b36}.work-note{margin-top:22px;line-height:1.9}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.design-image{aspect-ratio:1.4}.design-image img{object-fit:contain;box-shadow:none}.design-image:hover img{transform:none}@media(max-width:760px){header nav{gap:12px}.works-grid{grid-template-columns:1fr;gap:22px}.case-body{padding:22px}.records-heading{display:block}.work-records th,.work-records td{padding:13px 7px;font-size:11px}.work-records td:nth-child(2){max-width:130px}.design-feature{max-width:210px}.design-price span{float:none;display:block;margin-top:5px}.design-info{align-items:flex-start}.design-image{padding:14px 15px 30px;aspect-ratio:1.35}.design-image span{font-size:8px}.status-live{padding:3px 8px;font-size:10px}}
/* GTC portfolio: considered typography, real work and a useful next step. */
.intro{display:grid;grid-template-columns:1.1fr 1fr;gap:5%;padding:85px 0 90px;align-items:center;overflow:visible}.intro h1{font-size:clamp(35px,3.6vw,60px);letter-spacing:-.07em;line-height:1.4;margin:25px 0}.intro h1 em{color:#a95736}.intro-copy>p{line-height:2;color:#667169;font-size:13px}.intro-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin:30px 0}.intro-actions>a:not(.solid-button){font-size:11px}.solid-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 23px;background:#253d32;color:white;text-decoration:none;font-size:12px;white-space:nowrap}.studio-numbers{display:flex;gap:32px;margin:40px 0 0;padding-top:22px;border-top:1px solid #d0d5ca}.studio-numbers dt{font:36px/1.2 Georgia}.studio-numbers dd{font-size:10px;color:#6b766b;margin:7px 0 0}.intro-visual{position:relative;padding:30px 0 90px;min-width:0}.visual-caption{font:9px Arial;letter-spacing:.15em;display:block;margin:0 0 15px 30px}.visual-main{display:block;padding:16px;background:#e0e7d6;margin-left:30px;box-shadow:0 18px 50px #1b292916;transform:rotate(2deg)}.visual-main img{display:block;width:100%;height:auto}.visual-sub{position:relative;display:block;width:70%;padding:10px;background:white;box-shadow:0 18px 40px #1b292929;margin:-40px 0 -60px;transform:rotate(-5deg)}.visual-sub img{width:100%;height:auto;display:block}.visual-note{position:absolute;right:0;bottom:3px;font:8px Arial;letter-spacing:.13em}.band{padding:65px 0}.band h2{font-size:clamp(26px,2.5vw,38px)}.work-cta{margin-top:45px;padding:35px;background:#dce4d5;display:flex;justify-content:space-between;align-items:center;gap:25px}.work-cta h3{font-size:26px;font-weight:500;margin:8px 0}.work-cta p{font-size:12px;color:#64705f}.works-filters{margin-top:0}.case-image{padding:20px 20px 33px;aspect-ratio:1.45}.case-body{padding:22px 27px 28px}.case-body h3{letter-spacing:-.04em}.case-body>a{text-decoration:none;border-bottom:1px solid #94a28b}.case-card:nth-child(even) .case-image{background:#e4ded2}.case-card[data-work-category=service] .case-image{background:#dce4e6}.portal-link{background:#253d32;color:#fff;padding:10px 17px;white-space:nowrap}header nav{gap:22px}.intro-actions a:focus-visible,.case-card a:focus-visible{outline-offset:3px}@media(max-width:1050px){header nav{gap:12px}.intro{gap:3%;padding-top:55px}.intro h1{font-size:38px}.studio-numbers{gap:20px}.visual-caption{font-size:8px}}@media(max-width:760px){header{height:auto;min-height:80px;padding-top:15px;padding-bottom:15px;flex-wrap:wrap;gap:15px}header nav{order:3;width:100%;justify-content:space-between;gap:10px}header nav a{display:block!important;font-size:10px}.portal-link{display:block;font-size:10px;padding:8px 12px}.intro{display:flex;flex-direction:column;gap:15px;padding:40px 0 35px}.intro-copy,.intro-visual{width:100%}.intro h1{font-size:36px;margin:20px 0;word-break:keep-all}.intro-copy>p{font-size:12px}.intro-actions{gap:13px;margin:24px 0}.solid-button{padding:13px 18px;font-size:11px}.studio-numbers{gap:28px;margin-top:28px}.studio-numbers dt{font-size:30px}.intro-visual{padding-bottom:70px;max-width:520px}.visual-main{margin-left:20px}.visual-sub{margin-top:-25px}.visual-caption{margin-left:20px}.visual-note{font-size:7px;bottom:-4px}.work-cta{padding:25px;display:block}.work-cta h3{font-size:23px}.work-cta .solid-button{margin-top:10px}.section-title p{font-size:12px}.case-image{padding:14px 14px 30px}.works-filters button{font-size:10px;padding:8px 12px}.case-body{padding:22px}.manual-inner .light-button{margin-right:0;width:100%;text-align:center}.intro-visual a{transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}